<template>
  <div>
    <van-row style="height: 1rem;
        margin-top: 0.3rem;">
      <van-col span="24">
        <van-nav-bar
          :border="false"
          title="自由发布"
          left-text
          left-arrow
          @click-left="onClickLeft"
          style="background:#eeeeee"
        />
      </van-col>
    </van-row>

    <van-row>
      <van-col span="24">
        <van-cell-group :border="false">
          <van-field
            type="textarea"
            placeholder="对您的宝贝进行描述吧..."
            rows="1"
            autosize
            style="
                    border-radius:15px;
                    height:2.2rem;
                    width:9.4rem;"
          />
        </van-cell-group>
      </van-col>
    </van-row>
    <van-row>
      <van-col span="24" style="margin-top:.2rem">
        <van-uploader :after-read="afterRead" preview-size="95px" />
        <van-uploader :after-read="afterRead" preview-size="95px" />
      </van-col>
    </van-row>

    <van-row>
      <van-col span="24" style="height:.8rem;font-size:.4rem">宝贝定价</van-col>
    </van-row>

    <van-row>
      <van-col span="24" style="height:.8rem;font-size:.4rem">平台售价</van-col>
    </van-row>
    <van-row>
      <van-col span="24" style="height:.8rem;font-size:.4rem">市场价格</van-col>
    </van-row>
    <van-row>
      <van-col span="24" >
        <select style="height:.5rem;width:10rem;margin-top:.3rem">
          <option>种类</option>
          <option>品牌1</option>
          <option>品牌2</option>
          <option>品牌3</option>
          <option>品牌4</option>
        </select>
      </van-col>
    </van-row>
    <van-row>
      <van-col span="24" >
        <select style="height:.5rem;width:10rem;margin-top:.2rem">
          <option>品牌</option>
          <option>品牌1</option>
          <option>品牌2</option>
          <option>品牌3</option>
          <option>品牌4</option>
        </select>
      </van-col>
    </van-row>
    <van-row>
      <van-col span="24" >
        <select style="height:.5rem;width:10rem;margin-top:.2rem">
          <option>成色</option>
          <option>品牌1</option>
          <option>品牌2</option>
          <option>品牌3</option>
          <option>品牌4</option>
        </select>
      </van-col>
    </van-row>
    <van-row>
      <van-col span="24" >
        <select style="height:.5rem;width:10rem;margin-top:.2rem">
          <option>适用人群</option>
          <option>品牌1</option>
          <option>品牌2</option>
          <option>品牌3</option>
          <option>品牌4</option>
        </select>
      </van-col>
    </van-row>
    <van-row>
      <van-col span="24" >
        <select style="height:.5rem;width:10rem;margin-top:.2rem">
          <option>宝贝参数</option>
          <option>品牌1</option>
          <option>品牌2</option>
          <option>品牌3</option>
          <option>品牌4</option>
        </select>
      </van-col>
    </van-row>
    <van-row>
      <van-col span="24" >
        <select style="height:.5rem;width:10rem;margin-top:.2rem">
          <option>发货时间</option>
          <option>品牌1</option>
          <option>品牌2</option>
          <option>品牌3</option>
          <option>品牌4</option>
        </select>
      </van-col>
    </van-row>
    <van-row>
      <van-col span="24" >
        <select style="height:.5rem;width:10rem;margin-top:.2rem">
          <option>是否包邮</option>
          <option>品牌1</option>
          <option>品牌2</option>
          <option>品牌3</option>
          <option>品牌4</option>
        </select>
      </van-col>
    </van-row>
    <van-row type="flex" justify="center">
            <van-col span='12' style="margin-top:.2rem">
                <van-button round type="default" 
                size="normal" 
                style="border:1px solid #787878;
                width:5rem"
                to="/submit">发布</van-button>
            </van-col>
        </van-row>
  </div>
</template>

<script>
export default {
  name: "freerelease",
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    afterRead(file) {
      // 此时可以自行将文件上传至服务器
      console.log(file);
    }
  }
};
</script>

<style scoped>
</style>